<@page title="邮件退订_大街网_预见新自己！！" useheader="compact" 
	assets=["/up/position-invitation/css/invitation.css",
			"/css/modules/register-pop.css",
			'/css/layout/fullwidth.css',
			'/css/channels/network.css',
			'/up/position-invitation/css/position-invitation.css',
			'/up/yaoyue/css/company-hrmail.css',
			'/css/pages/company-hrmail.css',
			'/css/site/base-form.css',
			"/up/position-invitation/js/basic-incormation.js",
			"/js/jquery.tips.js",
			"/lib/jquery/jquery.color.js",
			"/js/jquery.linkup.js", 
			"/js/jquery.inputchecknormal.js",
			'/js/jquery.freemailcheck.js',
			"/up/dic/js/intention.js",
			'/js/jquery.formvalidate.js',
			'/js/jquery.formvalidatefn.js',
			'/up/position-invitation/js/misc.js',
			'/up/mathan/mathan.js'] description="" keywords="">
<@layout.master>
<#include 'nav_pop.ftl' />

<style>
    .mainTitle {
        margin-left:30px;
        padding-top:40px;
    }
    .mainContent {
        margin-left:30px;
        width:50em;
    }
    .icon-ok {
        background-image: url("http://assets.dajieimg.com/images/icons/array.gif");
        background-position: 0 -158px;
        font-size:15px;
    }
    .icon-error {
        background-image: url("http://assets.dajieimg.com/images/icons/array.gif");
        background-position: -780px -39px;
        font-size:15px;
    }
    dl {
        background: none repeat scroll 0 0 #FAFAFA;
        padding: 20px 25px;
        margin: 0;
    }
    dd {
        clear: both;
        margin: 0;
    }
    dt h3 {
        background: none repeat scroll 0 0 #93B7BB;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: normal;
        float:left;
        height: 42px;
        line-height: 40px;
        margin: 0 0 0 -35px;
        padding: 0 16px;
        position: relative;
        font-family:'MicroSoft YaHei','SimHei';
    }
    dt h3 em {
        background-image:url("http://5.f1.dajieimg.com/n/micro_blog/T10lDTB4Yv1R4cSCrK_c.png");
        background-atachment:scroll;
        background-color:transparent;
        background-position-x:0%;
        background-position-y:0%;
        background-repeate:no-repeat;
        height: 14px;
        left: 0;
        position: absolute;
        top: 42px;
        width: 10px;
    }
    input[type="button"], input[type="submit"] {
        border: medium none;
        cursor: pointer;
        outline: medium none;
        margin-top:16px;
        font-size:16px;
        height: 40px;
    }
    input[type="text"], input[type="password"] {
        border: 2px solid #F1F1F1;
        font: 16px/32px 'MicroSoft YaHei','SimHei';
        height: 25px;
        margin-top: 16px;
        outline: medium none;
        padding: 6px 12px;
        transition: border 0.2s ease-in 0s;
        width: 373px;
    }
    .select {
        background: url("http://5.f1.dajieimg.com/n/micro_blog/T1S1JTB7Zv1R4n9VrK_c.gif") no-repeat;
        background-size:100% 100%;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://5.f1.dajieimg.com/n/micro_blog/T1S1JTB7Zv1R4n9VrK_c.gif', sizingMethod='scale');
        border: medium none;
        color: #757575;
        font: 20px/36px 'MicroSoft YaHei','SimHei';
        padding-left: 12px;
        text-align: left;
        width: 260px;
    }
    .btn_big {
        background: none repeat scroll 0 0 #0D9572;
        border: medium none;
        color: #FFFFFF;
        font-size: 1.8em;
        height: 1.8em;
        margin: 0.8em 0;
        overflow: hidden;
        padding: 0 1em;
        font-family:'MicroSoft YaHei','SimHei';
    }
    .boxIndustry {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 2px solid #C9CBCE;
        padding: 15px 0 0 15px;
        position: absolute;
        width: 606px;
        z-index: 99;
    }
    .boxIndustry ul.reset {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }
    .boxIndustry li {
        background: none repeat scroll 0 0 #FAFAFA;
        color: #555555;
        cursor: pointer;
        font-size: 18px;
        line-height: 38px;
        margin: 0 13px 13px 0;
        text-align: center;
        width: 138px;
        float:left;
        font-family:'MicroSoft YaHei','SimHei';
    }
    .boxIndustry li:hover {
        background: none repeat scroll 0 0 #93B7BB;
        color: #FFFFFF;
    }
    .boxIndustry li.current {
        background: none repeat scroll 0 0 #93B7BB;
        color: #FFFFFF;
    }
    .s_radio, .s_radio_sp {
        list-style: none outside none;
        margin: 0;
        padding: 0;
        width: 660px;
    }
    .s_radio li.current, .s_radio_sp li.current {
        border: 3px solid #93B7BB;
    }
    .s_radio li:hover, .s_radio_sp li:hover {
        border: 3px solid #93B7BB;
    }
    .s_radio li, .s_radio_sp li {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 3px solid #FAFAFA;
        color: #555555;
        cursor: pointer;
        float: left;
        font-size: 18px;
        height: 77px;
        line-height: 77px;
        margin: 15px 8px 0 0;
        position: relative;
        text-align: center;
        width: 77px;
        font-family:'MicroSoft YaHei','SimHei';
    }
    .s_radio li em, .s_radio_sp li em {
        background-image:url("http://5.f1.dajieimg.com/n/micro_blog/T18lZTBbxT1R4cSCrK_c.png");
        background-atachment:scroll;
        background-color:transparent;
        background-position-x:0%;
        background-position-y:0%;
        background-repeate:no-repeat;
        height: 32px;
        position: absolute;
        right: -1px;
        top: -1px;
        width: 31px;
    }
</style>
<div id="maincolumn" class="public-border">
    <div>
        <div class="mainTitle" style="line-height:20px;">
            <h2 class="clearfix" id="unsubscribeSucc">
                <em class="icon-ok">&nbsp;&nbsp;&nbsp;&nbsp;</em>
                <span class="g6 yahei b">该类型邮件退订成功！</span>
            </h2>
            <h2 class="clearfix" id="saveSucc" style="padding:20px 0 10px 0;display:none;">
                <em class="icon-ok">&nbsp;&nbsp;&nbsp;&nbsp;</em>
                <span class="g6 yahei b">保存成功！</span>
            </h2>
            <h2 class="clearfix" id="saveFail" style="padding:20px 0 10px 0;display:none;">
                <em class="icon-error">&nbsp;&nbsp;&nbsp;&nbsp;</em>
                <span class="g6 yahei b">保存失败！请&nbsp;<a style="cursor:pointer;" id="returnEdit">返回</a>&nbsp;重试</span>
            </h2>
        </div>
        <div style="height:2em;">&nbsp;</div>
        <div class="mainContent">
            <span class="yahei" style="font-size:15px;">感谢您使用大街网职位退订流程。筛选下面的职位条件，我们会帮您更好地挑选职位！</span>
            <div style="height:2em;">&nbsp;</div>
            <div>
                <dl style="height:100px;">
                    <dt>
                        <h3>行业领域 <em></em></h3>
                    </dt>
                    <dd>
                        <input type="button" value="请选择" class="select" name="industry" id="industry" style="position:absolute;">
                        <input type="hidden" name="industryCode" id="industryCode" value="0">
                        <span id="errorIndustry" style="font-family:'MicroSoft YaHei','SimHei';color:#FF6A6A;margin-top:60px;margin-left:10px;position:absolute;display:none;">请先选择父行业领域 </span>
                        <div class="boxIndustry" id="industryList" style="display:none;margin-top:55px;">
                            <ul class="reset">
                                <li value="1">IT行业</li>
                                <li value="2">金融行业</li>
                                <li value="3">专业服务</li>
                                <li value="4">教育培训行业</li>
                                <li value="5">消费品行业</li>
                                <li value="6">文化传媒行业</li>
                                <li value="7">建筑/房地产行业</li>
                                <li value="8">贸易物流行业</li>
                                <li value="9">制造工业</li>
                                <li value="10">医疗/卫生</li>
                                <li value="11">服务业</li>
                                <li value="12">其他</li>
                            </ul>
                        </div>
                        <input type="button" name="subIndustry" id="subIndustry" value="请选择" class="select" style="margin-left:280px;position:absolute;">
                        <input type="hidden" name="subIndustryCode" id="subIndustryCode" value="0">
                        <div class="boxIndustry" style="display:none;margin-top:55px;margin-left:100px;" id="subIndustryList">
                            <ul class="reset">
                            </ul>
                        </div>
                    </dd>
                </dl>
                <div style="height:20px;">&nbsp;</div>
                <dl>
                    <dt>
                        <h3>职位名称（必填） <em></em></h3>
                    </dt>
                    <dd>
                        <input type="text" placeholder="请输入职位名称" name="jobName" id="jobName">
                        <span id="blankJobName" style="font-family:'MicroSoft YaHei','SimHei';color:#FF6A6A;margin:0 0 0 10px;display:none;">*请填写职位名称 </span>
                    </dd>
                    
                </dl>
                <div style="height:20px;">&nbsp;</div>
                <dl id="place" style="height:140px;">
                    <dt>
                        <h3>工作地点（必填） <em></em></h3>
                        <span id="blankPlace" style="font-family:'MicroSoft YaHei','SimHei';color:#FF6A6A;position:absolute;margin:13px 0 0 10px;display:none;">*请选择工作地点 </span>
                    </dt>
                    <dd>
                        <ul class="s_radio_sp">
                            <li value="110000">北京</li>
                            <li value="310000">上海</li>
                            <li value="440100">广州</li>
                            <li value="440300">深圳</li>
                            <li value="0">其他</li>
                        </ul>
                        <div id="otherPlace" style="display:none;">
                            <input name="province" id="province" type="button" class="select" value="请选择省份" style="position:absolute;">
                            <input type="hidden" name="provinceCode" id="provinceCode" value="0">
                            <span id="errorProvince" style="font-family:'MicroSoft YaHei','SimHei';color:#FF6A6A;margin-top:58px;margin-left:10px;position:absolute;display:none;">请选择省份 </span>
                            <div class="boxIndustry" id="provinceList" style="display:none;margin-top:55px;position:absolute;">
                                <ul class="reset">
                                    <li value="110000">北京</li>
                                    <li value="120000">天津</li>
                                    <li value="130000">河北</li>
                                    <li value="140000">山西</li>
                                    <li value="150000">内蒙古</li>
                                    <li value="210000">辽宁</li>
                                    <li value="220000">吉林</li>
                                    <li value="230000">黑龙江</li>
                                    <li value="310000">上海</li>
                                    <li value="320000">江苏</li>
                                    <li value="330000">浙江</li>
                                    <li value="340000">安徽</li>
                                    <li value="350000">福建</li>
                                    <li value="360000">江西</li>
                                    <li value="370000">山东</li>
                                    <li value="410000">河南</li>
                                    <li value="420000">湖北</li>
                                    <li value="430000">湖南</li>
                                    <li value="440000">广东</li>
                                    <li value="450000">广西</li>
                                    <li value="460000">海南</li>
                                    <li value="500000">重庆</li>
                                    <li value="510000">四川</li>
                                    <li value="520000">贵州</li>
                                    <li value="530000">云南</li>
                                    <li value="540000">西藏</li>
                                    <li value="610000">陕西</li>
                                    <li value="620000">甘肃</li>
                                    <li value="630000">青海</li>
                                    <li value="640000">宁夏</li>
                                    <li value="650000">新疆</li>
                                    <li value="800000">港澳台</li>
                                    <li value="810000">海外</li>
                                </ul>
                            </div>
                            <input name="city" id="city" type="button" value="请选择城市" class="select" style="margin-left:280px;position:absolute;">
                            <input type="hidden" name="cityCode" id="cityCode" value="0">
                            <div class="boxIndustry" id="cityList" style="display:none;margin-top:55px;margin-left:100px;position:absolute;">
                                <ul class="reset">
                                </ul>
                            </div>
                        </div>
                    </dd>
                </dl>
                <div style="height:20px;">&nbsp;</div>
                <dl style="height:100px;">
                    <dt>
                        <h3>期望月薪 <em></em></h3>
                    </dt>
                    <dd>
                        <input type="button" value="请选择" class="select" style="width:400px;position:absolute;" name="salary" id="salary">
                        <input type="hidden" value="0" name="salaryCode" id="salaryCode">
                        <div class="boxIndustry" id="salaryList" style="display:none;position:absolute;margin-top:55px;">
                            <ul>
                                <li value="0">不限</li>
                                <li value="125">1000及以上</li>
                                <li value="127">2000及以上</li>
                                <li value="128">3000及以上</li>
                                <li value="129">4000及以上</li>
                                <li value="130">5000及以上</li>
                                <li value="131">6000及以上</li>
                                <li value="132">8000及以上</li>
                                <li value="133">10000及以上</li>
                                <li value="134">15000及以上</li>
                                <li value="135">20000及以上</li>
                            </ul>
                        </div>
                    </dd>
                </dl>
                <input type="button" id="submit" class="btn_big" value="保 存" />
            </div>
        </div>
    </div>
</div>
<@holder>
<script type="text/javascript">
    var industryJson = {"11":{"name":"服务业","sub":{"82":"私人/家政服务","83":"图书馆/展览馆","80":"旅游","81":"休闲/娱乐/健身","79":"餐饮","78":"酒店"}},"10":{"name":"医疗/卫生","sub":{"77":"动物医疗","76":"医药","75":"生物技术","74":"医疗器械","73":"医疗/护理"}},"12":{"name":"其他","sub":{"88":"公共事业","89":"非营利组织","90":"政府部门","86":"农/林/牧/渔","87":"研究所/研究院","85":"环境"}},"1":{"name":"IT行业","sub":{"13":"计算机软件","15":"IT服务","14":"计算机硬件","17":"电子商务","16":"互联网","19":"通信","18":"游戏","20":"电子/半导体"}},"3":{"name":"专业服务","sub":{"25":"会计/审计","26":"人力资源","27":"管理咨询","30":"翻译","28":"法律","29":"检测/认证"}},"2":{"name":"金融行业","sub":{"24":"投资","21":"银行","22":"保险","23":"证券/基金/期货"}},"5":{"name":"消费品行业","sub":{"39":"家具/家居","38":"奢侈品/珠宝","42":"办公用品","37":"家电/数码产品","36":"服装/纺织","35":"食品/饮料","34":"日用品/化妆品","40":"酒品","41":"烟草业"}},"4":{"name":"教育培训行业","sub":{"33":"培训","32":"初中等教育","31":"高等教育"}},"7":{"name":"建筑/房地产行业","sub":{"55":"建材","54":"物业管理","56":"装修装潢","51":"建筑设计/规划","53":"房地产","52":"土木工程"}},"6":{"name":"文化传媒行业","sub":{"48":"艺术/工艺","49":"体育","46":"影视","47":"出版","44":"报纸/杂志","45":"广播","43":"广告/公关/会展","50":"动漫"}},"9":{"name":"制造工业","sub":{"71":"印刷/包装","70":"造纸","62":"化工","63":"原材料/加工","64":"新材料","65":"汽车","66":"机械/自动化","67":"军工/国防","68":"采矿/金属","69":"原油/能源","72":"航天/造船"}},"8":{"name":"贸易物流行业","sub":{"60":"物流/仓储","61":"运输/铁路/航空","57":"进出口","59":"商店/超市","58":"批发/零售"}}};

    var cityJson = {"150000":{"name":"内蒙古","citys":{"152500":"锡林郭勒","150400":"赤峰","152900":"阿拉善","150800":"巴彦淖尔","150100":"呼和浩特","150500":"通辽","150900":"乌兰察布","150200":"包头","150600":"鄂尔多斯","152200":"兴安","150300":"乌海","150700":"呼伦贝尔"}},"110000":{"name":"北京","citys":{"110000":"北京"}},"420000":{"name":"湖北","citys":{"420800":"荆门","420300":"十堰","421100":"黄冈","420700":"鄂州","420900":"孝感","423100":"天门","421000":"荆州","420100":"武汉","421300":"随州","420500":"宜昌","422800":"恩施","423000":"潜江","420200":"黄石","421200":"咸宁","420600":"襄阳","422900":"仙桃"}},"460000":{"name":"海南","citys":{"469100":"文昌","460300":"五指山","460400":"琼海","469300":"东方","460500":"儋州","460100":"海口","469200":"万宁","460200":"三亚"}},"140000":{"name":"山西","citys":{"140900":"忻州","140200":"大同","140600":"朔州","140100":"太原","140800":"运城","140500":"晋城","141100":"吕梁","140400":"长治","140300":"阳泉","141000":"临汾","140700":"晋中"}},"810000":{"name":"海外","citys":{"810000":"海外"}},"230000":{"name":"黑龙江","citys":{"230200":"齐齐哈尔","230900":"七台河","230600":"大庆","232700":"大兴安岭","231000":"牡丹江","230100":"哈尔滨","230800":"佳木斯","230500":"双鸭山","232900":"加格达奇","231200":"绥化","230400":"鹤岗","230300":"鸡西","230700":"伊春","231100":"黑河"}},"360000":{"name":"江西","citys":{"360800":"吉安","360300":"萍乡","361100":"上饶","360700":"赣州","360200":"景德镇","361000":"抚州","360600":"鹰潭","360100":"南昌","360500":"新余","360900":"宜春","360400":"九江"}},"500000":{"name":"重庆","citys":{"500000":"重庆"}},"410000":{"name":"河南","citys":{"410300":"洛阳","411400":"商丘","410800":"焦作","410700":"新乡","411200":"三门峡","410200":"开封","410600":"鹤壁","411700":"驻马店","411100":"漯河","410100":"郑州","410500":"安阳","411500":"信阳","411600":"周口","411000":"许昌","410900":"濮阳","411300":"南阳","419000":"济源","410400":"平顶山"}},"800000":{"name":"港澳台","citys":{"800000":"港澳台"}},"220000":{"name":"吉林","citys":{"220400":"辽源","220800":"白城","220100":"长春","220500":"通化","220200":"吉林市","220600":"白山","222400":"延边","220300":"四平","220700":"松原"}},"520000":{"name":"贵州","citys":{"520300":"遵义","522400":"毕节","520200":"六盘水","522300":"黔西南","522700":"黔南","520100":"贵阳","522200":"铜仁","522600":"黔东南","520400":"安顺"}},"610000":{"name":"陕西","citys":{"610400":"咸阳","610700":"汉中","610300":"宝鸡","610600":"延安","610900":"安康","611000":"商洛","610200":"铜川","610500":"渭南","610100":"西安","610800":"榆林"}},"130000":{"name":"河北","citys":{"130400":"邯郸","131000":"廊坊","130500":"邢台","131100":"衡水","130800":"承德","130100":"石家庄","130600":"保定","130200":"唐山","130900":"沧州","130700":"张家口","130300":"秦皇岛"}},"440000":{"name":"广东","citys":{"441400":"梅州","440800":"湛江","440900":"茂名","440600":"佛山","445300":"云浮","441600":"河源","440100":"广州","441500":"汕尾","445200":"揭阳","440200":"韶关","441700":"阳江","445400":"顺德","441900":"东莞","441800":"清远","440700":"江门","440500":"汕头","441200":"肇庆","442000":"中山","445100":"潮州","440300":"深圳","440400":"珠海","441300":"惠州"}},"640000":{"name":"宁夏","citys":{"640100":"银川","640200":"石嘴山","640300":"吴忠","640400":"固原","640500":"中卫"}},"510000":{"name":"四川","citys":{"510800":"广元","511500":"宜宾","510300":"自贡","513400":"凉山","511100":"乐山","510700":"绵阳","510900":"遂宁","511400":"眉山","510400":"攀枝花","511900":"巴中","511000":"内江","511700":"达州","510100":"成都","511300":"南充","510500":"泸州","513200":"阿坝","511800":"雅安","511600":"广安","512000":"资阳","513300":"甘孜","510600":"德阳"}},"120000":{"name":"天津","citys":{"120000":"天津"}},"650000":{"name":"新疆","citys":{"652300":"昌吉","652800":"巴音郭楞","652700":"博尔塔拉","659400":"五家渠","652200":"哈密","659100":"石河子","653100":"喀什","659200":"阿拉尔","652100":"吐鲁番","650200":"克拉玛依","653200":"和田","659300":"图木舒克","650100":"乌鲁木齐","653000":"克孜勒苏","652900":"阿克苏","654000":"伊犁"}},"530000":{"name":"云南","citys":{"533300":"怒江","530300":"曲靖","530800":"普洱","530700":"丽江","532500":"红河","530900":"临沧","532800":"西双版纳","533100":"德宏","530400":"玉溪","532600":"文山","530100":"昆明","532900":"大理","530500":"保山","533400":"迪庆","530600":"昭通","532300":"楚雄"}},"370000":{"name":"山东","citys":{"370800":"济宁","371500":"聊城","370300":"淄博","371100":"日照","370700":"潍坊","370900":"泰安","371400":"德州","370400":"枣庄","371000":"威海","371700":"菏泽","370100":"济南","371300":"临沂","370500":"东营","371600":"滨州","370200":"青岛","371200":"莱芜","370600":"烟台"}},"330000":{"name":"浙江","citys":{"330700":"金华","330800":"衢州","330300":"温州","330400":"嘉兴","330900":"舟山","330500":"湖州","331000":"台州","330100":"杭州","330600":"绍兴","331100":"丽水","330200":"宁波"}},"210000":{"name":"辽宁","citys":{"210900":"阜新","210200":"大连","210600":"丹东","210100":"沈阳","210800":"营口","210500":"本溪","211400":"葫芦岛","211200":"铁岭","211100":"盘锦","210400":"抚顺","210300":"鞍山","211300":"朝阳","211000":"辽阳","210700":"锦州"}},"620000":{"name":"甘肃","citys":{"620600":"武威","620200":"嘉峪关","620900":"酒泉","620700":"张掖","623000":"甘南","621200":"陇南","620300":"金昌","621000":"庆阳","622900":"临夏","620400":"白银","621100":"定西","620500":"天水","620800":"平凉","620100":"兰州"}},"430000":{"name":"湖南","citys":{"430800":"张家界","430300":"湘潭","431100":"永州","433100":"湘西","430700":"常德","430200":"株洲","431000":"郴州","431200":"怀化","430600":"岳阳","430100":"长沙","430500":"邵阳","430900":"益阳","431300":"娄底","430400":"衡阳"}},"340000":{"name":"安徽","citys":{"340300":"蚌埠","341600":"亳州","340800":"安庆","340700":"铜陵","341200":"阜阳","340200":"芜湖","341800":"宣城","340600":"淮北","341100":"滁州","340100":"合肥","340500":"马鞍山","341500":"六安","341000":"黄山","341300":"宿州","341700":"池州","340400":"淮南"}},"630000":{"name":"青海","citys":{"632500":"海南州","632100":"海东","632700":"玉树","632800":"海西","632300":"黄南","632600":"果洛","630100":"西宁","632200":"海北"}},"350000":{"name":"福建","citys":{"350300":"莆田","350800":"龙岩","350700":"南平","350900":"宁德","350400":"三明","350100":"福州","350500":"泉州","350200":"厦门","350600":"漳州"}},"310000":{"name":"上海","citys":{"310000":"上海"}},"540000":{"name":"西藏","citys":{"542600":"林芝","542200":"山南","542500":"阿里","542100":"昌都","542400":"那曲","540100":"拉萨","542300":"日喀则"}},"999999":{"name":"其它","citys":{"999999":"其它"}},"320000":{"name":"江苏","citys":{"320700":"连云港","320800":"淮安","320300":"徐州","320600":"南通","320200":"无锡","320500":"苏州","320100":"南京","321200":"泰州","321000":"扬州","320400":"常州","321100":"镇江","320900":"盐城","321300":"宿迁"}},"450000":{"name":"广西","citys":{"450700":"钦州","451100":"贺州","450300":"桂林","450800":"贵港","450600":"防城港","451200":"河池","450200":"柳州","450500":"北海","451300":"来宾","450100":"南宁","451000":"百色","450400":"梧州","451400":"崇左","450900":"玉林"}}};

    var parentItemClick = function(o) {
        $("input:eq(0)", o.parent().parent().parent()).val(o.text());
        $("input:eq(1)", o.parent().parent().parent()).val(o.attr("value"));
        $("input:eq(2)", o.parent().parent().parent()).val('请选择');
        o.addClass("current");
        $("span[id^=error]", o.parent().parent().parent()).hide();
        var currentText = o.text();
        o.parent().children().each(function(){
            if ($(this).text() != currentText) {
                $(this).removeClass("current");
            }
        });
    }

    var childBtnClick = function(o) {
        var parentCode = $("input[name$=Code]:eq(0)", o.parent()).val();
        if (parentCode == "0") {
            $("span[id^=error]", o.parent()).show();
        } else {
            var res = "";
            var childCode = $("input[name$=Code]:eq(1)", o.parent()).val();
            var jsondata;
            if (o.attr("name").indexOf('city') >= 0) {
                jsondata = cityJson[parentCode]["citys"];
            } else if (o.attr("name").indexOf('subIndustry') >= 0) {
                jsondata = industryJson[parentCode]["sub"];
            }
            for (var id in jsondata) {
                res += '<li value="' + id + '" ';
                if (childCode == id) {
                    res += 'class="current"';
                }
                res += '>' + jsondata[id] + '</li>';
            }
            $("div[id$=List]:eq(1) ul", o.parent()).html(res);
            $("div[id$=List]:eq(1) li", o.parent()).click(function(){
                o.val($(this).text());
                $("input[name$=Code]:eq(1)", o.parent()).val($(this).attr("value"));
                $(this).addClass("current");
                var currentText = $(this).text();
                $(this).parent().children().each(function(){
                    if ($(this).text() != currentText) {
                        $(this).removeClass("current");
                    }
                });
            });
            $("div[id$=List]:eq(1)", o.parent()).show();
        }
    }

    $("input[name=industry], input[name=province]").click(function(){
        $("div.boxIndustry:eq(0)", $(this).parent()).show();
        var currentText = $(this).val();
        $("div.boxIndustry:eq(0) li", $(this).parent()).each(function(){
            if ($(this).text() != currentText) {
                $(this).removeClass("current");
            } else {
                $(this).addClass("current");
            }
        });
    });

    $("#industryList li, #provinceList li").click(function(){
        parentItemClick($(this));
    });

    $("input[name=subIndustry], input[name=city]").click(function(){
        childBtnClick($(this));
    });

    $(".s_radio_sp li").click(function(){
        var current = $(this).attr('value');
        $(this).addClass('current');
        $(this).append($("<em></em>"));
        $(this).parent().children().each(function(){
            if ($(this).attr('value') != current) {
                $(this).removeClass("current");
                $("em", $(this)).remove();
            }
        });
        if (current == "0") {
            $("#otherPlace").show();
            $(this).parent().parent().parent().css('height', '200px');
        } else {
            $("#otherPlace").hide();
            $(this).parent().parent().parent().css('height', '140px');
            var city = $(this).attr("value");
            var province = String(parseInt(city,10)-parseInt(city,10)%10000);
            $("input[name=provinceCode]").val(province);
            $("input[name=province]").val(cityJson[province]["name"]);
            $("input[name=cityCode]").val(city);
            $("input[name=city]").val(cityJson[province]["citys"][city]);
        }
    });

    $("input[name=salary]").click(function(){
        $("#salaryList").show();
    });

    $("#salaryList li").click(function(){
        var currentText = $(this).text();
        var currentCode = $(this).attr("value");
        $("input[name=salary]").val(currentText);
        $("input[name=salaryCode]").val(currentCode);
    });

    $("#returnEdit").click(function(){
        $("#saveFail").hide();
        $("#saveSucc").hide();
        $("#unsubscribeSucc").show();
        $(".mainContent").show();
    });

    $("body").click(function(e){
        if (e.target == this) {
            return;
        }
        if ($(e.target).attr("name") != "industry" && $(e.target).attr("id") != "industryList") {
            $("#industryList").hide();
        }
        if ($(e.target).attr("name") != "subIndustry" && $(e.target).attr("id") != "subIndustryList") {
            $("#subIndustryList").hide();
        }
        if ($(e.target).attr("name") != "province" && $(e.target).attr("id") != "provinceList") {
            $("#provinceList").hide();
        }
        if ($(e.target).attr("name") != "city" && $(e.target).attr("id") != "cityList") {
            $("#cityList").hide();
        }
        if ($(e.target).attr("name") != "salary" && $(e.target).attr("id") != "salaryList") {
            $("#salaryList").hide();
        }
    });

    $("#submit").click(function(){
        var error = 0;
        if ($("input[name=jobName]").val() == "") {
            $("#blankJobName").show();
            error = 1;
        }
        if ($("input[name=provinceCode]").val() == "0" || $("input[name=cityCode]").val() == "0") {
            $("#blankPlace").show();
            error = 1;
        }
        if (error > 0) {
            return;
        }

        uid = "${uid}";
        toEmail = "${to_email}";
        var industry = $("input[name=industryCode]").val();
        var subIndustry = $("input[name=subIndustryCode]").val();
        var jobName = $("input[name=jobName]").val();
        var province = $("input[name=provinceCode]").val();
        var city = $("input[name=cityCode]").val();
        var salary = $("input[name=salaryCode]").val();
        var data = {'uid':uid, 'to_email':toEmail, 'industry':industry,'subIndustry':subIndustry,'jobName':jobName,'province':province,'city':city,'salary':salary}
        $.ajax({
            type: "POST",
            url: "/invitation/unsubscribe/save",
            cache: false,
            data: data,
            dataType: 'text',
            success: function(d){
                $("#unsubscribeSucc").hide();
                $(".mainContent").hide();
                if (d == "OK") {
                    $("#saveSucc").show();
                } else {
                    $("#saveFail").show();
                }
            },
            error: function(d){
                $("#unsubscribeSucc").hide();
                $(".mainContent").hide()
                $("#saveSucc").hide();
                $("#saveFail").show();
            }
        });
    });
</script>
</@holder>
</@layout.master>
</@page>